<template>
  <div class="container">
    <v-md-editor mode="preview" v-model="text"></v-md-editor>
  </div>
</template>

<script setup>
import {reactive, ref, onMounted, inject} from "vue";
import {useRoute} from "vue-router";

const route = useRoute()
const axios = inject("$axios")

const text = ref("")
onMounted(() => {
  var id = route.params.id
  axios.get("notice?id=" + id).then(res => {
    text.value = res.data.text
  })
})
</script>

<style scoped lang="less">
.container {
  padding-bottom: 20px;
  height: 100vh;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 20px;
  font-size: 14px;
}
</style>